﻿@using Yelper.Web
@model string

@{
    ViewBag.Title = "Profile settings";
}

@section head_extra{
    <script src="@Url.Content("~/Scripts/Jcrop.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/Yelper.Crop.js")" type="text/javascript"></script>
    <link href="@Url.Content("~/Content/Styles/jquery.Jcrop.css")" rel="stylesheet" type="text/css" />
}

<h1>Profile settings - crop your image</h1>

@using (Html.BeginForm()) {
<a id="crop"></a>
<div id="DragCropInfo">
    Drag to crop!
    <div id="DragCropButton">
        <input type="submit" value="Save cropped image" />
    </div>
</div>
<input type="hidden" id="x" name="x" />
<input type="hidden" id="y" name="y" />
<input type="hidden" id="w" name="w" />
<input type="hidden" id="h" name="h" />    
<img src="@Url.Content("~/Content/ProfileImages/" + Model)" id="jcrop_target" /> 
}

@section right {
    <h1>Actions</h1>
    Change password<br />
    Delete account
}

